﻿<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>wario 瓦里奥 的实验田</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link type="text/css" rel="stylesheet" href="/stylesheets/style.css" />
    <link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
	<style type="text/css">
  .odd{
    background-color: #ffc;
  }
  .even{
    background-color: #cef;
  }
	</style>
	<script src="/scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
	<script src="/scripts/jquery.ui.all.min.1.6rc2.js" type="text/javascript"></script>
	<script src="/scripts/AC_OETags.js" language="javascript"></script>
	<script type="text/javascript">

// Globals
// Major version of Flash required
var requiredMajorVersion = 8;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 0;
	
function refreshsize()
{
  var w_wd = $('<p>' + $(window).width() + '</p>');
  w_wd.replaceAll('#window_width p');
  
  var w_ht = $('<p>' + $(window).height() + '</p>');
  w_ht.replaceAll('#window_height p');
  
  var d_wd = $('<p>' + $(document).width() + '</p>');
  d_wd.replaceAll('#document_width p');
  
  var d_ht = $('<p>' + $(document).height() + '</p>');
  d_ht.replaceAll('#document_height p');
}

$(document).ready(function(){
  $('tr:odd').addClass('odd');
  $('tr:even').addClass('even');
  refreshsize();
  $(window).resize(refreshsize);
  //event: "mouseover" 
  $("#accordion").accordion({ 
	header: ".ui-accordion-header",
	clearStyle: true
  });

});
    </script>
  </head>
  <body>
<div id="wa-container">
  
<div id="wa-head">
    
<script language="JavaScript" type="text/javascript">
	AC_FL_RunContent(
				"src", "static/SpinningMoon",
				"width", "800",
				"height", "200",
				"align", "middle",
				"id", "detectionExample",
				"quality", "high",
				"bgcolor", "#FFFFFF",
				"name", "detectionExample",
				"allowScriptAccess","sameDomain",
				"type", "application/x-shockwave-flash",
				'codebase', 'http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab',
				"pluginspage", "http://www.adobe.com/go/getflashplayer"
	);
</script>

</div>

<div id="wa-content">
    <div>Powered by <a href="mailto:selldot@gmail.com">samhoo</a></div>
	
	<div style="min-height: 25em";>
	<table id="tabs">
	  <tr>
	    <td>window width</td>
		<td id="window_width"><p></p></td>
	  </tr>
	  <tr>
	    <td>window height</td>
		<td id="window_height"><p></p></td>
	  </tr>
	  <tr>
	    <td>document width</td>
		<td id="document_width"><p></p></td>
	  </tr>
	  <tr>
	    <td>document height</td>
		<td id="document_height"><p></p></td>
	  </tr>
	</table>
	
	
<div id="accordion">
<ul class="ui-accordion"> 
    <div class="ui-accordion-group">
	<h3 class="ui-accordion-header"><a href="#">网站地图</a></h3>
        <div class="ui-accordion-content">
			<div><a href='map'>google地图测试</a></div>
			<div><a href='jquery'>jquery测试</a></div>
			<div><a href='bigtable'>bigtable & ajax</a></div>
			<div><a href='wario'>转转瓦里奥</a></div>
        </div> 
    </div> 
    <div class="ui-accordion-group">
        <h3 class="ui-accordion-header"><a href='#'>推荐网站</a> </h3>
        <div  class="ui-accordion-content"> 
			<div><a href="http://www.digg.com">DIGG</a></div>
        </div> 
    </div>  
    <div class="ui-accordion-group">
	<h3 class="ui-accordion-header"><a href='#'>关于我</a> </h3>
        <div  class="ui-accordion-content">
		<div>我的理想是当一名校长，每天收集来学生的学费，今天吃牛肉火锅，明天吃羊肉火锅...</div>
        </div> 
    </div>  
</ul>
</div>
</div>

</div>

</div>
  </body>
</html>